import React from "react";

export const SidebarActiveIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width={40}
        height={40}
        viewBox="0 0 40 40"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M2.94445 4.02921C3.18317 3.55814 3.55814 3.18317 4.02921 2.94445C5.76431 2.06517 10.817 0 20 0C29.183 0 34.2357 2.06517 35.9708 2.94445C36.4419 3.18317 36.8168 3.55814 37.0555 4.02921C37.9348 5.76431 40 10.817 40 20C40 29.183 37.9348 34.2357 37.0555 35.9708C36.8168 36.4419 36.4419 36.8168 35.9708 37.0555C34.2357 37.9348 29.183 40 20 40C10.817 40 5.76431 37.9348 4.02921 37.0555C3.55814 36.8168 3.18317 36.4419 2.94445 35.9708C2.06517 34.2357 0 29.183 0 20C0 10.817 2.06517 5.76431 2.94445 4.02921Z"
            fill="#1D1E30"
        />
        <path
            d="M2.94445 4.02921C3.18317 3.55814 3.55814 3.18317 4.02921 2.94445C5.76431 2.06517 10.817 0 20 0C29.183 0 34.2357 2.06517 35.9708 2.94445C36.4419 3.18317 36.8168 3.55814 37.0555 4.02921C37.9348 5.76431 40 10.817 40 20C40 29.183 37.9348 34.2357 37.0555 35.9708C36.8168 36.4419 36.4419 36.8168 35.9708 37.0555C34.2357 37.9348 29.183 40 20 40C10.817 40 5.76431 37.9348 4.02921 37.0555C3.55814 36.8168 3.18317 36.4419 2.94445 35.9708C2.06517 34.2357 0 29.183 0 20C0 10.817 2.06517 5.76431 2.94445 4.02921Z"
            fill="url(#paint0_radial_501_1018)"
            fillOpacity={0.25}
        />
        <path
            d="M4.25523 3.39045C5.91991 2.54685 10.8951 0.5 20 0.5C29.1049 0.5 34.0801 2.54685 35.7448 3.39045C36.121 3.58111 36.4189 3.87901 36.6095 4.25523C37.4531 5.91991 39.5 10.8951 39.5 20C39.5 29.1049 37.4531 34.0801 36.6095 35.7448C36.4189 36.121 36.121 36.4189 35.7448 36.6095C34.0801 37.4531 29.1049 39.5 20 39.5C10.8951 39.5 5.91991 37.4531 4.25523 36.6095C3.87901 36.4189 3.58111 36.121 3.39045 35.7448C2.54685 34.0801 0.5 29.1049 0.5 20C0.5 10.8951 2.54685 5.91991 3.39045 4.25523C3.58111 3.87901 3.87901 3.58111 4.25523 3.39045Z"
            stroke="url(#paint1_linear_501_1018)"
            strokeOpacity={0.25}
        />
        <defs>
            <radialGradient
                id="paint0_radial_501_1018"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="translate(20 20) rotate(90) scale(20)"
            >
                <stop stopColor="#47EBEB" />
                <stop offset={1} stopColor="#303450" />
            </radialGradient>
            <linearGradient
                id="paint1_linear_501_1018"
                x1={0}
                y1={0}
                x2={40}
                y2={40}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#47EBEB" />
                <stop offset={0.5} stopColor="#303450" stopOpacity={0} />
                <stop offset={1} stopColor="#47EBEB" />
            </linearGradient>
        </defs>
    </svg>
);
